@page-background: #ececec;
@content-background: #FFF;
@head-background: #595959;
@gap: 8px;
@times: 1, 2, 3, 4, 5, 6;

body {
  background: @page-background;
}

.App-logo {
  height: 90px;
}

.App-header {
  background: @head-background;
  padding: 0 48px;
  color: white;
  height: 90px;
}

.logo {
  float: left;
}

.make-gap-classes(@i: length(@times)) when (@i > 0) {
  .make-gap-classes(@i - 1);
  @time: extract(@times, @i);
  .margin-l-@{time} {
    margin-left: @gap * @time;
  }

  .margin-r-@{time} {
    margin-right: @gap * @time;
  }

  .margin-t-@{time} {
    margin-top: @gap * @time;
  }

  .margin-b-@{time} {
    margin-bottom: @gap * @time;
  }
}

.make-gap-classes();

.mark-down-wrap {
  padding: @gap*2;
  background: #fbfbfb;
  border: #e9e9e9 1px solid;
  border-radius: 4px;
}
.hide-sub-checkbox  .ant-checkbox{
  display: none!important;
}
.hide-sub-checkbox .ant-transfer-list{
  height: 400px;
  width: 200px
}
.footer a{
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.65);
}
.footer span{
  margin-right: 10px;
}